<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blog</title>
    <link rel="stylesheet" href="../css/animate.min.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="../css/swiper-bundle.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/commond.css">
    <link rel="stylesheet" href="../css/blog.css">
</head>

<body>
    <label href="" id="ttoopp" style="opacity: 0;position: absolute;"></label>

    <header>
        <nav class="navbar menu">
            <div class="container  box1">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                      <span class="sr-only">Toggle navigation</span>
                      <span class="icon-bar span"></span>
                      <span class="icon-bar span"></span>
                      <span class="icon-bar span"></span>
                    </button>
                    <a class="navbar-brand logo" href="../index.html">Dog Home</a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">


                    <ul class="nav navbar-nav navbar-right ull">
                        <li><a href="../index.html">HOME</a></li>
                        <li><a href="about.html">About us</a></li>
                        <li><a href="gallery.html">Gallery</a></li>
                        <li class="dropdown active">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                            <ul class="dropdown-menu ddd">
                                <li class="llii active"><a href="blog.html">Blog</a></li>
                                <li class="llii "><a href="#">What We do</a></li>
                                <li class="llii"><a href="#">Testimonials</a></li>
                            </ul>
                        </li>
                        <li><a href="contant_us.html">Content us</a></li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>
    </header>

    <div class="blog-first-box">
        <div class="container">
            <h3>Our Blog</h3>

            <div class="row blog-box1">
                <div class="col-lg-8 col-md-8 blog-box2">
                    <!-- 11111111 -->
                    <img src="../images/b1.png" class="img-fluid" alt="">

                    <div class="blog-box5">
                        <div class="col-lg-6 col-md-6 col-sm-6 blog-box3">
                            <i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;
                            <span>Adrian Lie </span>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 blog-box4">
                            <i>Dec 16, 2022</i>
                            <a href="#"> <span class="glyphicon glyphicon-heart"></span>&nbsp;<span>30</span></a>
                            <a href="#"> <span class="glyphicon glyphicon-align-justify"></span>&nbsp;<span>18</span></a>
                        </div>
                    </div>
                    <!-- end -->
                    <div class="blog-box6">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <a href="#">Training Specific Types of Dogs</a>
                            <p>Morbi eget dui elit. In lectus eros, convallis vel dolor vitae, semper sodales risus. Donec convallis maximus neque vel cursus.</p>
                            <span>Read More</span>
                        </div>
                    </div>

                    <!-- 2222 -->
                    <img src="../images/b2.png" class="img-fluid" alt="">

                    <div class="blog-box5">
                        <div class="col-lg-6 col-md-6 col-sm-6 blog-box3">
                            <i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;
                            <span>Mario Spe </span>

                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 blog-box4">
                            <i>Dec 25, 2022</i>
                            <a href="#"> <span class="glyphicon glyphicon-heart"></span>&nbsp;<span>100</span></a>
                            <a href="#"> <span class="glyphicon glyphicon-align-justify"></span>&nbsp;<span>70</span></a>
                        </div>
                    </div>
                    <!-- end -->
                    <div class="blog-box6">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <a href="#">How To Socialize Dogs and Puppies</a>
                            <p>Morbi eget dui elit. In lectus eros, convallis vel dolor vitae, semper sodales risus. Donec convallis maximus neque vel cursus.</p>
                            <span>Read More</span>
                        </div>
                    </div>
                    <!-- 333333 -->
                    <img src="../images/b3.png" class="img-fluid" alt="">

                    <div class="blog-box5">
                        <div class="col-lg-6 col-md-6 col-sm-6 blog-box3">
                            <i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;
                            <span>Bob Fra</span>


                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 blog-box4">
                            <i>Dec 27, 2022</i>
                            <a href="#"> <span class="glyphicon glyphicon-heart"></span>&nbsp;<span>10</span></a>
                            <a href="#"> <span class="glyphicon glyphicon-align-justify"></span>&nbsp;<span>5</span></a>
                        </div>
                    </div>

                    <div class="blog-box6">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <a href="#">Getting Started With Dog Training</a>
                            <p>Morbi eget dui elit. In lectus eros, convallis vel dolor vitae, semper sodales risus. Donec convallis maximus neque vel cursus.</p>
                            <span>Read More</span>
                        </div>
                    </div>
                    <!-- 44444 -->
                    <img src="../images/b4.png" class="img-fluid" alt="">

                    <div class="blog-box5">
                        <div class="col-lg-6 col-md-6 col-sm-6 blog-box3">
                            <i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;
                            <span>Paul Moli </span>



                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 blog-box4">
                            <i>Dec 30, 2022</i>
                            <a href="#"> <span class="glyphicon glyphicon-heart"></span>&nbsp;<span>40</span></a>
                            <a href="#"> <span class="glyphicon glyphicon-align-justify"></span>&nbsp;<span>20</span></a>
                        </div>
                    </div>

                    <div class="blog-box6">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <a href="#">House Training and Crate Training</a>
                            <p>Morbi eget dui elit. In lectus eros, convallis vel dolor vitae, semper sodales risus. Donec convallis maximus neque vel cursus.</p>
                            <span>Read More</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 blog-box7">
                    <div class="search1">
                        <h4>Search</h4>
                        <form action="">
                            <input type="search" placeholder="Search Here..">
                            <button type="button">Search</button>
                        </form>
                    </div>
                    <div class="cate">
                        <h4>Categories</h4>
                        <ul>
                            <li>
                                <a href="#">Grooming </a>
                                <i class="glyphicon glyphicon-chevron-right"></i>
                            </li>
                            <li>
                                <a href="#">Pets Hotel  </a>
                                <i class="glyphicon glyphicon-chevron-right"></i>
                            </li>
                            <li>
                                <a href="#">Doggie Camp  </a>
                                <i class="glyphicon glyphicon-chevron-right"></i>
                            </li>
                            <li>
                                <a href="#">Dog Training   </a>
                                <i class="glyphicon glyphicon-chevron-right"></i>
                            </li>
                            <li>
                                <a href="#">Veterinary Care   </a>
                                <i class="glyphicon glyphicon-chevron-right"></i>
                            </li>
                            <li>
                                <a href="#">Adoption   </a>
                                <i class="glyphicon glyphicon-chevron-right"></i>
                            </li>
                        </ul>
                    </div>
                    <div class="story">
                        <h4>Our Events</h4>
                        <ul>
                            <li>
                                <a href="#" class="glyphicon glyphicon-play"> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>
                            </li>
                            <li>
                                <a href="#" class="glyphicon glyphicon-play"> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>
                            </li>
                            <li>
                                <a href="#" class="glyphicon glyphicon-play"> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>
                            </li>
                            <li>
                                <a href="#" class="glyphicon glyphicon-play"> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>
                            </li>
                            <li>
                                <a href="#" class="glyphicon glyphicon-play"> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>
                            </li>
                            <li>
                                <a href="#" class="glyphicon glyphicon-play"> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>
                            </li>
                            <li>
                                <a href="#" class="glyphicon glyphicon-play"> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>
                            </li>
                        </ul>
                    </div>
                    <div class="recent">
                        <h4>Recent Tags</h4>
                        <div class="row">
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 box00">
                                <div class="recent1"> Dogs</div>

                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 box00">
                                <div class="recent1"> Cats</div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 box00">
                                <div class="recent1"> Birds</div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 box00">
                                <div class="recent1">Small Pets</div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 box00">
                                <div class="recent1">Aquariums
                                </div>
                            </div>


                        </div>
                        <div class="row">
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 box00">
                                <div class="recent1">Reptiles
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 box00">
                                <div class="recent1">Horses
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 box00">
                                <div class="recent1">Sheep
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>


    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-5 col-sm-5">
                    <div class="row">
                        <div class="col-lg-6 col-md-12 col-sm-12 foot-box">
                            <h2>About Us</h2>
                            <p>Sed ut perspiciatis unde omnis iste natus error sit.Error sit antium dolorts remq hymue laud.</p>
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12 foot-box">
                            <h2>Who We Are</h2>
                            <p>Error sit antium dolorts remq hymue laud.Sed ut perspiciatis unde omnis iste natus error sit.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 col-sm-3 foot-box phone">
                    <h2>Contact Us</h2>
                    <h4>Phone</h4>
                    <p>+121 098 8907 9987</p>
                    <h4>Email </h4>
                    <p><a href="#">info@example.com</a></p>
                    <h4>Location</h4>
                    <p>Honey Avenue, New York City</p>
                </div>

                <div class="col-md-4  col-sm-4 foot-box">
                    <h2>Newsletter</h2>
                    <p>Be the first to get latest news and offers!
                        <br> Sed ut perspiciatis unde omnis.</p>
                    <form class="form">
                        <input type="email" placeholder="Enter your email...">
                        <button type="submit" class="btnn">Submit</button>
                    </form>
                    <h2>Connect With Social</h2>
                    <a href=""> <span class="glyphicon glyphicon-earphone"></span></a>
                    <a href=""> <span class="glyphicon glyphicon-camera"></span></a>

                    <a href=""> <span class="glyphicon glyphicon-briefcase"></span></a>

                    <a href=""> <span class="glyphicon glyphicon-tree-deciduous"></span></a>

                </div>
            </div>
        </div>
    </footer>
    <div class="company">
        <p> © 2022 Dog Home. All rights reserved | Design by HUAHang</p>
    </div>
    <a href="#ttoopp" id="top-btn" class="glyphicon glyphicon-arrow-up" title="返回顶部"></a>

</body>

</html>



<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-bundle.js"></script>
<script src="../js/wow.min.repeat.js"></script>
<script>
    var mySwiper = new Swiper('.swiper', {

        pagination: {
            el: '.swiper-pagination',
            clickable: true,

        },

        autoplay: {
            delay: 2500,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

    })
</script>
<script>
    new WOW().init();
</script>